<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div class="box"></div>
	</body>

</html>

<style type="text/css">
	.box {
		width: 300px;
		height: 300px;
		background: gray;
		/*给.box元素的背景颜色进行从白色到绿色到渐变*/
		background: -webkit-linear-gradient(white,green);
		
	}
</style>